<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>提现</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--公共的样式-->
		<link rel="stylesheet" type="text/css" href="../common_css/common.css" />
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../common_css/input_password_css.css" />
		
		<!--本页的样式-->
		<link rel="stylesheet" type="text/css" href="css/withdrawal.css" />
		<script src="../common_js/common_font.js"></script>
		
		<style type="text/css">
			/*最外层div*/
			
			.big {
				width: 100%;
				height: 100%;
				/*border: 1px solid red;*/
				position: relative;
				overflow: auto;
			}
			/*请输入支付密码*/
			
			.pay_password {
				width: 100%;
				height: 100%;
				/*border: 1px solid blue;*/
				position: absolute;
				top: 0px;
				left: 0px;
				background-color: rgba(0, 0, 0, 0.5);
				z-index: 1000;
				display: none;
			}
			
			.pay_password_content {
				width: 100%;
				height: 1.2rem;
				position: absolute;
				bottom: 0px;
				/*border: 1px solid yellow;*/
				background-color: white;
			}
			
			.pay_password_content_shang {
				width: 100%;
				height:0.4rem;
				/*border: 1px solid red;*/
				line-height: 0.4rem;
				text-align: center;
				border-bottom: 2px solid #F7F7F7;
			}
			
			.pay_password_content_xia {
				width: 100%;
				height: 0.6rem;
				/*border: 1px solid red;*/
				line-height: 0.6rem;
			}
			
			.pay_password_content_xia_content {
				width: 90%;
				height: 0.5rem;
				border: 1px solid #F7F7F7;
				line-height: 0.5rem;
				margin: 0.08rem 0px 0px 5%;
			}
			/*//密码输入框的设置*/
			
			.pwd-box {
				width:100%;
				/*padding-left: 1px;*/
				position: relative;
				/*border: 1px solid #9f9fa0;*/
				border-radius: 3px;
			}
			
			.pwd-box input[type="tel"] {
				width: 99%;
				height: 0.38rem;
				line-height: 0.38rem;
				color: transparent;
				position: absolute;
				top: 0;
				left: 0;
				border: none;
				font-size: 0.16rem;
				opacity: 0;
				z-index: 1000;
				letter-spacing: 35px;
			}
			
			.fake-box input {
				float: left;
				width: 16.66%;
				height: 0.38rem;
				border: none;
				border-right: 1px solid #e5e5e5;
				text-align: center;
				line-height: 0.38rem;
				font-size: 0.16rem;
			}
			
			.fake-box input:nth-last-child(1) {
				border: none;
			}
		</style>
	</head>

	<body>
		<!--提现成功显示div-->
		<div class="succeed">
			提现成功
		</div>
		<!---->
		<div class="big">
			<div class="top">
				<span class="topback"><i class="iconfont icon-back icon-myback"></i></span>
				<span class="topmid">提现</span>
			</div>
			<div class="balance">
				<span>钱包余额</span>
				<span>
					123123.00
				</span>

			</div>
			<div class="withdrawal">
				可提现金额
				<span>1234.00</span> 元
				<span>全部提现</span>
			</div>
			<div class="money">
				<span>提现金额</span>
				<input type="" name="" id="" placeholder="输入金额必须大于10元" />
			</div>
			<div class="withdrawaldiv">
				提现到银行卡
			</div>
			<!--/*请输入支付密码*/-->
			<div class="pay_password">
				<div class="pay_password_content">
					<div class="pay_password_content_shang">
						请输入支付密码
					</div>
					<div class="pay_password_content_xia">
						<div class="pay_password_content_xia_content">
													<div class="ipt-box-nick_1 mb15-nick">
				<input type="tel" maxlength="6" class="ipt-real-nick_1" />
				<div class="ipts-box-nick_1">
					<div class="ipt-fake-box_1">
						<input type="password">
						<input type="password">
						<input type="password">
						<input type="password">
						<input type="password">
						<input type="password">
					</div>
				</div>
				<!--<div class="ipt-active-nick_1"><img src="https://t.alipayobjects.com/images/rmsweb/T1nYJhXalXXXXXXXXX.gif"></div>-->
			</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../common_js/jquery-1.11.0.min.js"></script>
		<!--公共的点击预约的加号的按钮的跳转以及点击每页左上角的跳转-->
		<script src="../common_js/onclick_pop_view.js"></script>
		<script src="../common_js/password_input.js"></script>
		
		<script type="text/javascript">
			var $input = $(".fake-box input");
			$("#pwd-input").on("input", function() {
				var pwd = $(this).val().trim();
				for(var i = 0, len = pwd.length; i < len; i++) {
					$input.eq("" + i + "").val(pwd[i]);
				}
				$input.each(function() {
					var index = $(this).index();
					if(index >= len) {
						$(this).val("");
					}
				});
				if(len == 6) {
					//执行其他操作
					console.log("密码输入正确");
				$(".pay_password").hide();
				$(".succeed").css("display","block");
				
				}
			});
//			点击提现到银行卡的弹出框
			$(".withdrawaldiv").on("click",function  () {
				$(".pay_password").show();
			});
		</script>
	</body>

</html>